/* @font-face {
        font-family: 'Bebas';
        src: url(/assets/fonts/BebasNeue-webfont.ttf);
    } */

    @font-face {
        font-family: 'GothamUltra';
        src: url(/assets/css/fonts/Gotham.otf);
    }

    @font-face {
        font-family: 'GothamItalic';
        src: url(/assets/css/fonts/Gotham-Italic.otf);
    }

    /* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
    /* -------
    Alpha colors
 ------ */

    body {
        --titleColor: #203260;
        ;
        --mainColor: #203260;
        --menuColor: #203260;
        --haberlerAlt: #203260;
        --carosuelIndicator: #203260;
        --sliderMain: #203260;
        --buttonMain: #203260;
        --baskanTelHover: #e8e8e8;
        --tabBGColor: var(--titleColor);
        --darkColor: #333;
        --yukariCikBtn: var(--darkColor);

        overflow-x: hidden !important;

    }

    .d-flex {
        display: flex;
    }

    .white-alpha {
        background-color: rgba(255, 255, 255, 0.7);
    }

    .black-alpha {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .red-alpha {
        background-color: rgba(229, 115, 115, 0.75);
    }

    .red-alpha:hover {
        background-color: rgba(229, 115, 115, 0.3);
        transition: background-color 0.5s ease-in-out
    }

    .green-alpha {
        background-color: rgba(93, 175, 73, 0.75);
    }

    .green-alpha:hover {
        background-color: rgba(93, 175, 73, 0.3);
        transition: background-color 0.5s ease-in-out
    }

    .blue-alpha {
        background-color: rgba(100, 181, 246, 0.75);
    }

    .purple-alpha {
        background-color: rgba(234, 128, 252, 0.75);
    }

    .purple-alpha:hover {
        background-color: rgba(234, 128, 252, 0.3);
        transition: background-color 0.5s ease-in-out
    }

    .yellow-alpha {
        background-color: rgba(255, 0, 114, 0.75);
    }

    .yellow-alpha:hover {
        background-color: rgba(255, 0, 114, 0.3);
        transition: background-color 0.5s ease-in-out
    }

    .teal-alpha {
        background-color: rgba(0, 150, 136, 0.75);
    }

    /* -------
    Masks
 ------ */

    .mask-white75 {
        background-color: rgba(255, 255, 255, 0.75);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .mask-black25 {
        background-color: rgba(0, 0, 0, 0.25);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .col-12 li {
        width: 33.33% !important;
        float: left !important;
    }

    .paddingleft {
        padding-left: 0px;
    }

    /* -------
    Icons
 ------- */

    .numberone {
        font-size: 34px;
        padding-bottom: 20px;
        margin-bottom: 10px;
        float: right;
        line-height: 1;
        font-family: "Poppins";
        color: #637075;
    }

    .numbericon {
        float: left;
        margin: auto;
        padding-right: 20px;
        display: inline-flex;
        color: #637075;
    }

    .fa,
    .fas,
    .far,
    .fab {
        display: inline-block;
        speak: none;
        text-transform: none;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /* -------
    BG & Color Styles
 ------- */

    .color-white {
        color: #FFF !important;
    }

    .bg-aqua {
        background: #40C0CB !important;
    }

    /* -------
    Fonts
 ------- */

    .font-Poppins {
        font-family: "Poppins";
    }

    /* -------
    Others
 ------- */

    * {
        text-transform: none !important;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    #header.full-header #primary-menu>ul {
        border-right: none;
    }

    ul.tab-nav:not(.tab-nav-lg) li:first-child {
        margin-left: 0;
    }

    .carousel-indicators-numbers {
        width: 100%;
        left: 0;
        margin: 0;
        bottom: -50px;
    }

    option {
        background-color: #eeeeee;
        font-size: 14px;
        border: 1px solid #eeeeee;
    }

    .carousel-indicators-numbers li {
        text-indent: 0;
        height: 50px;
        font-weight: 600;
        width: calc(100%/15);
        border: none;
        line-height: 50px;
        color: #fff;
        background-color: #000 !important;
        transition: all 0.25s ease;
        border-radius: 0;
        margin: 0;
        font-size: 18px;
        opacity: 1;
    }

    .button_hizli {
        width: 100%;
        margin: 0px;
        text-align: left !important;
        font-weight: normal;
    }

    .buton_hizli:hover {
        background-color: #ec8031 !important;
    }

    .carousel-indicators-numbers li:last-child {
        border-right: 0;
    }

    .full_width {
        width: 100%;
    }

    .black {
        color: black;
    }

    .list_duzen1 {
        border-bottom: 2px solid #eeeeee;
        margin-top: 5px;
    }

    .list_duzen2 {
        font-size: 14px;
        background-color: var(--titleColor);
        text-align: center;
        border-radius: 3px;
        color: white;
        padding: 8px;
        margin-right: 1rem;
    }
    .event-link{
        font-size:16px ;
    }
    .big_title {
        margin-bottom: 20px;
        border-bottom: 2px solid #e5e9ec;
        padding: 15px 0px;
        color: var(--titleColor);
    }

    .image_margin {
        max-height: 190px;
        width: auto;
        margin: auto;
    }

    .carousel-indicators-numbers .active,
    .carousel-indicators-numbers :hover {
        width: calc(100%/15);
        height: 50px;
        background-color: #163c61;
        border-radius: 0;
    }
 
    .block-haber-title {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-top: 60%;
        padding-left: 10%;
        bottom: 0;
        left: 0;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    }

    .block-haber-title .haber-tarih,
    .block-haber-title .haber-baslik {
        color: #fff;
        font-weight: bold;
    }

    .block-haber-image-holder {
        position: relative;
        width: 100%;
        height: 250px;
    }

    .block_haberler .haber_kisayol {
        height: 50px;
        text-align: center;
        line-height: 50px;
        background: var(--mainColor);
        border-left: 1px solid #fff;
        color: #FFFFFF;
    }

    .block_haberler .haber_kisayol a {
        color: #FFFFFF;
    }

    */ .carousel-control.left {
        background: rgba(206, 172, 172, -0.5);
    }

    .carousel-control.right {
        background: rgba(206, 172, 172, -0.5);
    }

    .carousel-control.left:hover {
        background: rgba(206, 172, 172, -0.5);
    }

    .carousel-control.right:hover {
        background: rgba(206, 172, 172, -0.5);
    }

    .carousel-caption {
        margin: 0 2.5% 0;
        width: 95%;
        left: 0;
        bottom: 20;
        padding: 20px;
        text-align: left;
        background-color: #203260;
        opacity: 0.85;
        /* 
        box-shadow: inset 3px 3px 4px #000;
        -moz-box-shadow: inset 3px 3px 4px #000;
        -webkit-box-shadow: inset 3px 3px 40px #000; */
    }

    .anasayfa-orta-alan .heading-block {
        margin-bottom: 10px;
    }

    .anasayfa-orta-alan .heading-block:after {
        margin-top: 10px;
    }

    .anasayfa-orta-alan .no-underline:after {
        border-top: 0;
        margin-bottom: 22px;
    }

    .anasayfa-orta-alan .title-block {
        margin-bottom: 10px;
    }

    .anasayfa-orta-alan .heading-block span {
        font-weight: bold;
        font-size: 20px;
        color: #757575;
    }

    .anasayfa-baskan-galeri {
        position: relative;
        width: 100%;
        height: 410px;
        overflow: hidden;
    }

    .anasayfa-baskan-galeri img {
        height: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .col-lg-4.col-sm-12.bottommargin-sm.nopadding.fotogalerimobil {
        position: relative;
    }

    .baskan-galeri-title {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: flex-end;
    }

    .baskan-galeri-title h4 {
        line-height: 30px;
    }

    .anasayfabaskanresimyazi {
        padding-top: 8px;
        color: #fff;
    }

    .baskan-galeri-tumunugor {
        position: absolute;
        z-index: 2;
        width: 250px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .baskan-galeri-tumunugor a {
        background-color: #203260e6 !important;
    }



    .baskan-galeri .carousel-control {
        background: none;
        z-index: 5;
        opacity: 1;
    }

    .baskan-galeri .carousel-control .fa {
        position: absolute;
        top: 50%;
        font-size: 20px;
        right: 35%;
    }

    .kisayol {
        height: 130px;
        background: rgba(205, 212, 218, 0.6);
        text-align: center;
        padding-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: bold;
        margin: 0 5px 10px;
        color: #1b4b62;
        cursor: pointer;
    }

    .kisayol:hover {
        background: #1b4b62;
        color: #FFFFFF;
    }

    .kisayollar-button {
        background: #FFF !important;
        margin-top: 40px;
    }

    .kisayollar div p {
        line-height: 1 !important;
    }

    .anasayfa-tabs {
        padding: 10px;
        background: rgba(255, 255, 255, 0.7);
        height: 360px;
    }

    .kisayol i {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .home-alt1 {
        background-image: url('../demo_files/alt-bg.jpg');
    }

    .kisayol-panel {
        background: white;
        width: 100%;
        height: 90%;
        padding: 20px 30px;
        margin-top: -20px;
        display: none;
        z-index: 6;
        transition: display 1s;
    }

    .kisayol-panel-button {
        position: absolute;
        top: 20px;
        right: 30px;
    }

    .kisayollar-blur {
        position: absolute;
        text-align: center;
        width: 90%;
        height: 130px;
        bottom: 20px;
        left: 20px;
    }

    .blur-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        filter: blur(30px);
        background: rgba(255, 255, 255, 0.8);
    }

    .tanitim-list {
        background-image: url('../demo_files/tanitimbg.jpg');
    }

    .tanitim-title {
        text-align: right;
        font-weight: bold;
        padding: 10px;
        height: 100px;
        overflow: hidden;
        border-bottom: 2px solid #fff;
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .tanitim-title:last-child {
        border-bottom: none;
    }

    .tanitim-title i {
        font-weight: bold;
        font-size: 25px;
    }

    .tanitim-title span {
        font-weight: normal;
        font-size: 12px;
    }

    .tanitim-title h5 {
        margin: 0;
    }

    .tanitim-main {
        overflow: hidden;
        height: 500px;
        width: 100%;
    }

    .tanitim-main img {
        max-width: none;
        height: 500px;
        width: auto;
    }

    .tanitim-side {
        height: 442px;
        overflow: hidden;
    }

    .tanitim-side img {
        max-width: none;
        min-width: 100%;
        height: 221px;
        width: auto;
    }

    .tanitim-side-son img {
        width: 100%;
        height: auto;
    }

    .tanitim-alani .active {
        background-color: rgba(255, 0, 0, 0.4);
        color: #ffffff;
    }

    .tanitim-main {
        position: absolute;
        display: none;
    }

    .tanitim-main:first-child {
        display: block;
    }

    .tanitim-side-item {
        position: absolute;
        padding-top: 48px;
        width: 100%;
        height: 100%;
    }

    .tanitim-side-item i {
        font-size: 35px;
        color: #FFF;
        font-weight: bold;
    }

    .tanitim-side-item p {
        font-size: 12px;
        color: #F3F3F3;
    }

    .tanitim-side-son {
        text-align: left;
    }

    .tanitim-side-lastitem-title {
        color: white;
        margin-top: 75px;
        margin-left: 20px;
        font-size: 20px;
    }

    .tanitim-side-lastitem-title h5 {
        font-size: 30px;
    }

    .tanitim-main-title {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: 20px;
    }

    .tanitim-main-title h2 {
        color: #fff;
    }

    .tanitim-main-incele {
        position: absolute;
        bottom: 20px;
        right: 20px;
        border: 2px solid white;
    }

    .tanitim-main-incele a {
        display: block;
        color: white;
        padding: 10px;
    }

    .tanitim-main-incele i {
        font-size: 20px;
    }

    .tanitim-main-incele p {
        margin: 0;
    }

    #baskan {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: white;
        z-index: 200;
        overflow: hidden;
        display: none;
    }

    .baskan-main-image {
        height: 659px;
        overflow: hidden;
    }

    .baskan-main-image img {
        width: 100%;
        height: auto;
    }

    .baskan-ozgecmis {
        padding: 20px;
        height: 100vh;
        overflow: scroll;
    }

    .baskan-ozgecmis .heading-block {
        margin-bottom: 20px;
    }

    .baskan-ozgecmis .heading-block:after {
        width: 80px;
        border-top: 3px solid #1976D2;
    }

    .baskan-ozgecmis p {
        text-align: justify;
    }

    .baskan-main-list {
        padding-top: 20vh;
    }

    .baskan-main-close {
        position: absolute;
        right: 30px;
        top: 40px;
        float: right;
        z-index: 201;
    }

    .baskan-sosyal-medya {
        top: 0;
        position: absolute;
        width: 100%;
    }

    .baskan-sosyal-medya:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100vh;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(16, 48, 74, 0.85)));
        background: linear-gradient(transparent, rgba(16, 48, 74, 0.85));
        z-index: -1;
    }

    .baskan-sosyal-medya i {
        color: #FFFFFF;
    }

    .btn-round {
        margin: 0;
        padding: 0;
        text-align: center;
        height: 50px;
        width: 50px;
        font-size: 26px;
        line-height: 47px !important;
    }

    .full-mega-menu {
        width: 100% !important;
        margin: 0 !important;
        padding: 30px 100px !important;
        background: rgba(255, 255, 255) none repeat scroll 0 0 !important;
    }

    .full-mega-menu:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        z-index: -1;
    }

    .full-mega-menu ul.mega-menu-column {
        border: unset !important;
        padding: 30px 0 !important;
    }

    .full-mega-menu ul {
        background: none !important;
    }

    .full-mega-menu li {
        margin: 0 !important;
        margin-left: auto;
        background: white;
    }

    .full-mega-menu li a {
        padding: 35px 10px !important;
        font-size: 1rem !important;
        font-family: "Poppins" !important;
        -webkit-box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
        color: #6f6f6f !important;
    }

    .full-mega-menu .mega-menu-column li:hover>a {

        background: var(--mainColor) !important;
    }

    .full-mega-menu .mega-menu-column li:hover>a>div {
        color: #FFF !important;
    }

    .full-mega-menu .mega-menu-column li:hover>a>div i {
        color: #FFF !important;
    }

    .full-mega-menu .mega-menu-column li:hover {
        z-index: 1;
    }

    .anasayfa-baskan-info {
        padding-top: 30%;
        padding-left: 20%;
    }

    .anasayfa-baskan-info h1,
    .anasayfa-baskan-info span {
        color: #1976D2 !important;
    }

    .anasayfa-baskan-info h1 {
        font-size: 55px;
    }

    .anasayfa-baskan-info h1+span {
        font-size: 30px;
    }

    .anasayfa-baskan-image img {
        width: 100%;
    }

    .anasayfa-baskan-sosyal-medya {
        position: absolute;
        bottom: 0;
    }

    .anasayfa-baskan-sosyal-medya i {
        color: #1976D2;
    }

    .etkinlik-tek {
        padding: 20px;
        background: #F3F3F3;
    }

    #etkinlik-carousel .owl-item {
        filter: blur(5px);
    }

    #etkinlik-carousel .active {
        filter: blur(0);
    }

    #etkinlik-carousel:hover .owl-nav .owl-prev {
        left: 172px;
    }

    #etkinlik-carousel:hover .owl-nav .owl-next {
        right: 172px;
    }

    #etkinlik-carousel .owl-dots {
        display: none;
    }

    .baskan-anasayfa-endimg {
        position: absolute;
        bottom: -25px;
    }

    .mobile-app {
        font-weight: normal;
        color: #f0451a;
    }

    .mobile-app h3 {
        line-height: 0;
    }

    .dis-link img {
        /*  filter: grayscale(1); */
        height: 70px;
    }

    .dis-link img:hover {
        opacity: 0.7;
    }

    .bottom-kisayol {
        width: 100%;
        height: 141px;
        padding: 27px 20px;
        background: #f3f3f3;
        text-align: center;
    }

    .bottom-kisayol p {
        font-size: 16px;
    }

    .bottom-kisayol i {
        font-size: 25px;
    }

    .bottom-kisayol:hover {
        background: #1976D2;
        color: #FFFFFF;
    }

    ul.tab-nav:not(.tab-nav-lg) li a {
        height: 50px;
        padding: 5px 15px;
        background-color: white;
        transition: background-color 0.5s ease;
    }

    ul.tab-nav:not(.tab-nav-lg) li {
        height: 50px;
        border-top: 0;
    }

    ul.tab-nav:not(.tab-nav-lg) li:last-child {
        border-right: 0;
    }

    .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
        border: none;
        top: 0;
        background-color: #1b4b62;
        color: white;
    }

    .anasayfa-tabs .title-block {
        border-left: 4px solid #1b4b62;
    }

    @media(max-width:1200px) {
        .icsayfa-header .menu-renk {
            height: 100% !important;
        }

        #header,
        #logo img {
            height: 100px;
            max-height: 120px !important;
        }
        .facebook_alani{
            display: none!important;
        }
    }

    @media(min-width:1200px) {
        .habercol_outer {
            display: flex;
            /* flex-direction: row-reverse; */
        }
    }

    @media (min-width: 1200px) and (max-width: 1365px) {
        .tabhaber li {
            font-size: 25px !important;
            padding: 5px 10px !important;
        }

        .haberler_alt {
            margin-top: -30px !important;
        }

        .butonrowlar {
            margin-right: 10px !important;
        }

        .iconfooter i {
            font-size: 35px !important;
        }

        .mobile-app h3 {
            font-size: 30px !important;
        }
    }

    /* Medium */

    @media (min-width: 992px) and (max-width: 1199px) {
        .kisayollar-outer .container {
            padding: 0 !important;
            max-width: unset;
            width: 100%;
        }

        #primary-menu ul li>a {
            padding-right: 5px !important;
            padding-left: 5px !important;
            font-size: 12px;
        }

        /*#header,
        #header-wrap,
        #logo img {
            height: 75px !important;
        }*/
        .tabhaber li {
            font-size: 25px !important;
            padding: 5px 10px !important;
        }

        .haberler_alt {
            margin-top: -23px !important;
        }

        .haberler_alt a {
            font-size: 15px !important;
        }

        .butonrowlar {
            margin-right: 10px !important;
        }

        .mobile-app h3 {
            font-size: 25px !important;
        }

        .iconfooter i {
            font-size: 35px !important;
        }
    }

    /* Small */

    @media (min-width: 768px) and (max-width: 991px) {
        .tabhaber li {
            font-size: 16px !important;
            padding: 5px 9px !important;
        }

        .opendiv {
            height: 356px;
        }

        .haberler_alt {
            display: none;
        }

        .cizgi {
            display: none;
        }

        .butonslider {
            background-color: orange;
            margin-right: 0px !important;
            position: relative;
        }

        .mobilarkaicon {
            margin-top: 0px !important;
        }

        /*#content {
            margin-top: -131px;
        }*/
        .proje-item {
            width: 17% !important;
        }

        .butonrowlar {
            margin-right: 6px !important;
        }

        .butoniconlar {
            font-size: 11px;
        }
    }

    /* Extra Small */

    @media (min-width: 566px) and (max-width: 767px) {}

    /* Extra-Extra Small */

    @media (max-width: 565px) {}

    .mobilfooter {
        padding: 5px;
    }

    .footer-menu-yazi {
        font-size: 12px;
    }

    .habericsayfa2 a {
        z-index: 2;
    }

    @media (max-width: 991px) {
        .footer-menu-yazi {
            font-size: 10px !important;
            width: 100%;
        }

        .modal-mayor__column-1 {
            height: 45vh !important;
        }

        .mobilfooter .widget_links {
            width: 100%;
        }

        .mobils-footers {
            justify-content: space-around;
        }

        .mobilfooter {
            width: 30% !important;
            /* height: 250px; */
        }

        .habercol_outer {
            height: auto !important;
        }

        .block-haber-title {
            padding-top: 100%;
        }

        .block_haberler div {
            max-height: unset;
        }

        .block-haber-image-holder,
        .block_haberler img {
            height: 280px;
        }

        .block_haberler .col-lg-6 {
            border: 1px solid white;
        }

        .kisayol-panel {
            height: auto;
        }

        .kisayollar-outer .container {
            margin: 0;
            max-width: unset;
            width: 100%;
        }

        .mobile-app h3 {
            line-height: 1;
            margin-top: 0;
        }

        .mobile-app-img img {
            height: 35px;
            float: left;
            margin: 20px 20px 20px 0px;
        }

        /*.dis-link img {
            height: auto;
        }*/
        ul.tab-nav:not(.tab-nav-lg) li a {
            font-size: 13px;
        }

        .full-mega-menu,
        .full-mega-menu ul.mega-menu-column {
            padding: 0 !important;
            padding-left: 10px !important;
        }

        .full-mega-menu li a {
            box-shadow: none;
            padding: 0 0 0 10px !important;
            font-size: 14px !important;
        }

        #primary-menu ul li .mega-menu-content.style-2 li:first-child {
            border-top: 1px solid #EEE;
        }

        .divider.divider-short.divider-center {
            display: none !important;
        }

        /* .list_duzen2 {
            font-size: 1rem;
            width: 100px;
        } */

        .accountData .col-sm-10 p {
            font-size: 10px;
        }

        .accountData .col-sm-10 h4 a {
            font-size: 14px;
        }

        .kutuvideo {
            width: 100% !important;
        }
    }

    @media (max-width: 767px) {
        .tanitim-list {
            display: none;
        }

        .inner-page__post_content {
            word-wrap: break-word;
        }

        .tanitim-main {
            position: relative;
            display: block;
            height: 250px;
            border-top: 2px solid white;
        }

        .tanitim-side {
            height: auto;
        }

        .page-content__description ul {
            list-style: none;
        }

        .contact-address .li-kapat {
            flex-direction: column;
        }
    }

    @media (max-width: 565px) {
        .block-haber-title {
            padding-top: 100%;
        }

        .kisayollar-outer .container {
            max-width: unset !important;
            width: 100% !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .anasayfa-orta-alan .tab-nav li {
            width: 33.33%;
        }

        .habercol_outer .carousel-indicators {
            display: none;
        }

        .habercol_outer .col-lg-5 {
            margin-top: 2px;
        }

        #slider {
            display: none;
        }

        .anasayfa-baskan-info h1 {
            font-size: 35px;
        }

        .anasayfa-baskan-info h1+span {
            font-size: 20px;
        }

        .anasayfa-baskan-sosyal-medya {
            position: relative;
        }

        .anasayfa-baskan-info {
            padding-top: 10px;
        }
    }

    /* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
    /* Dropdown Modul */

    .dropdown {
        position: relative;
        display: inline-block;
        margin-left: 10px;
    }

    .dropbtn {
        background-color: var(--menuColor);
        color: #fff;
        padding: 10px;
        font-size: 13px;
        border: none;
        min-width: 180px;
        text-align: center;
        font-weight: bold;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 10000;
        background-color: var(--menuColor);
    }

    .dropdown-content a {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .dropdown-content a i {
        font-size: 25px;
    }

    .iconheader {
        float: left;
        padding: 11px;
        font-size: 11px;
        width: 35px;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        text-align: left;
        color: #ffff;
    }

    .dropdown-content a:hover {
        background-color: rgb(0, 0, 0, 0.1);
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropdown:hover .iconheader {
        background-color: #000;
        color: #fff;
    }

    .dropdown:hover .dropbtn {
        background-color: #000;
        color: #fff;
    }

    .dropdown2 {
        position: relative;
        display: inline-block;
        margin-left: 29px;
    }

    .dropbtn2 {
        background-color: var(--menuColor);
        color: #fff;
        padding: 10px;
        font-size: 13px;
        border: none;
        min-width: 180px;
        text-align: center;
        font-weight: bold;
    }

    .dropdown-content2 {
        display: none;
        position: absolute;
        min-width: 185px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 10000;
        background-color: var(--menuColor);
    }

    .dropdown-content2 a {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .dropdown-content2 a i {
        font-size: 25px;
    }

    .iconheader2 {
        float: left;
        padding: 11px;
        font-size: 11px;
        width: 35px;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        text-align: center;
        color: #fff;
    }

    .dropdown-content2 a:hover {
        background-color: rgba(0, 0, 0, 0.1);
        color: #000;
    }

    .dropdown2:hover .dropdown-content2 {
        display: block;
    }

    .dropdown2:hover .iconheader2 {
        background-color: #000;
        color: #fff;
    }

    .dropdown2:hover .dropbtn2 {
        background-color: #000;
        color: #fff;
    }

    .dropdown3 {
        position: relative;
        display: inline-block;
        margin-left: 30px;
    }

    .dropbtn3 {
        background-color: var(--menuColor);
        color: #fff;
        padding: 10px;
        font-size: 13px;
        border: none;
        min-width: 180px;
        text-align: center;
        font-weight: bold;
    }

    .dropdown-content3 {
        display: none;
        position: absolute;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 10000;
        background-color: var(--menuColor);
    }

    .dropdown-content3 a {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .dropdown-content3 a i {
        font-size: 25px;
    }

    .iconheader3 {
        float: left;
        padding: 11px;
        font-size: 11px;
        width: 35px;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        text-align: center;
        color: #fff;
    }

    .dropdown-content3 a:hover {
        background-color: rgba(0, 0, 0, 0.1);
        color: #000;
    }

    .dropdown3:hover .dropdown-content3 {
        display: block;
    }

    .dropdown3:hover .iconheader3 {
        background-color: #000;
        color: #fff;
    }

    .dropdown3:hover .dropbtn3 {
        background-color: #000;
        color: #fff;
    }

    .iconheader4 {
        float: left;
        padding: 11px;
        font-size: 11px;
        width: 35px;
        background-color: var(--menuColor);
        text-align: center;
        color: #fff;
    }

    .dropdown5 {
        position: relative;
        display: inline-block;
        margin-left: 29px;
    }

    /* #40c4ff */

    .dropbtn5 {
        background-color: var(--menuColor);
        color: #fff;
        padding: 10px;
        font-size: 13px;
        border: none;
        min-width: 180px;
        text-align: center;
        font-weight: bold;
    }

    .dropdown-content5 {
        display: none;
        position: absolute;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 10000;
        background-color: var(--menuColor);
    }

    .dropdown-content5 a {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .dropdown-content5 a i {
        font-size: 25px;
    }

    .iconheader5 {
        float: left;
        padding: 11px;
        font-size: 11px;
        width: 35px;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        text-align: center;
        color: #fff;
    }

    .dropdown-content5 a:hover {
        background-color: rgba(0, 0, 0, 0.1);
        color: #000;
    }

    .dropdown5:hover .dropdown-content5 {
        display: block;
    }

    .dropdown5:hover .iconheader5 {
        background-color: #000;
        color: #fff;
    }

    .dropdown5:hover .dropbtn5 {
        background-color: #000;
        color: #fff;
    }

    /*dropdown modulu end*/

    .butonslider { 
        text-align: center;
        border: 1px solid #fff;
        height: 100px;
        margin-bottom: 1rem;
        width: 15%;
    }

    .butonslider:hover {
        background-color: rgb(0, 0, 0) !important;
        /*  background-color:rgba(0, 51, 90, .8) !important;*/
    }

    .butonslider a i {
        text-align: center;
        color: #fff;
        font-size: 25px;
        margin-top: 10px;
    }

    .butonslider a {
        color: #fff;
    }

    .haberler_alt {
        background-color: #00335a;
        text-align: center;
    }

    .haberler_alt a {
        color: #fff;
        font-size: 19px;
        font-weight: bold;
    }

    .haberler_alt a i {
        color: #fff;
        font-size: 30px;
    }

    .haberler_back {
        height: 20px;
        background-color: #e9056d;
    }

    .floatright {
        float: right;
    }

    #header.transparent-header+#slider,
    #header.transparent-header+#page-title.page-title-parallax,
    #header.transparent-header+#google-map,
    #slider+#header.transparent-header {
        top: -156px;
    }

    .haber_yazi .haber_bas {
        color: #fff;
        padding: 10px 20px;
    }

    .haber_yazi .haber_bas h1 {
        width: auto;
        font-size: 24px;
        font-weight: bold;
        text-align: left;
        border-bottom: 1px solid #fff;
        padding-bottom: 13px;
    }

    .tabhaber li {
        margin-right: 3px;
        display: inline;
        border: 1px solid #fff;
        padding: 5px 14px;
        font-size: 34px;
        color: #fff;
        font-weight: bold;
    }

    .dropdownrenk>a:hover {
        color: #000;
    }

    .tabhaber li:hover {
        background-color: #fff;
        color: rgba(25, 181, 254, .9);
    }

    .tabhaber .actives {
        background-color: #fff;
        color: rgba(25, 181, 254, .9);
    }

    .haber_yazi {
        background-color: rgba(25, 181, 254, .5);
        height: 72%;
        display: none;
    }

    .habernumber {
        background-color: rgba(25, 181, 254, .5);
        height: 15%;
    }

    .haber_image {
        display: none;
    }

    .haber_number {
        display: none;
    }

    .opendiv .active {
        display: block !important;
    }

    #primary-menu>ul>li>a>div {
        font-size: 14px;
    }

    .dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a,
    .dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li>a,
    .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li>a,
    .overlay-menu #primary-menu.dark>ul>li>a,
    .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>#overlay-menu-close,
    .overlay-menu #primary-menu.dark>#overlay-menu-close,
    .dark #header-wrap:not(.not-dark) #top-search a,
    .dark #header-wrap:not(.not-dark) #top-cart a,
    .dark #header-wrap:not(.not-dark) #side-panel-trigger a,
    .dark #header-wrap:not(.not-dark) #top-account a,
    .dark #top-cart .top-cart-item-desc a,
    body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
    .dark #header-wrap:not(.not-dark) #top-search a:hover,
    .dark #header-wrap:not(.not-dark) #top-cart a:hover,
    .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
    .dark #header-wrap:not(.not-dark) #top-account a:hover,
    .dark #header-wrap:not(.not-dark) #top-search form input {
        color: #fff;
    }

    /*#header,
    #header-wrap,
    #logo img {
        height: 88px;
    }*/

    .haber_bas h2 {
        font-size: 20px;
        line-height: 30px;
    }

    #primary-menu {
        margin-top: 20px;
    }

    .iconproje {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .proje-item {
        width: 10%;
        margin: auto;
    }

    .proje-item a {
        font-size: 25px;
        padding: 0px;
        /*border: 1px solid #999;*/
        color: var(--menuColor);
        margin-right: 0px;
        /*max-width: 30px;*/
    }

    .proje-item a:hover {
        /*background-color: rgb(241 165 2);*/
        color: #333;
    }

    /* USER PROFILE PAGE */

    .card {
        margin-top: 20px;
        padding: 30px;
        background-color: rgba(214, 224, 226, 0.2);
        -webkit-border-top-left-radius: 5px;
        -moz-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .card.hovercard {
        position: relative;
        padding-top: 0;
        overflow: hidden;
        text-align: center;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 1);
    }

    .card.hovercard .card-background {
        height: 130px;
    }

    .card-background img {
        -webkit-filter: blur(25px);
        -moz-filter: blur(25px);
        -o-filter: blur(25px);
        -ms-filter: blur(25px);
        filter: blur(25px);
        margin-left: -100px;
        margin-top: -200px;
        min-width: 130%;
    }

    .card.hovercard .useravatar {
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
    }

    .card.hovercard .useravatar img {
        width: 100px;
        height: 100px;
        max-width: 100px;
        max-height: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 5px solid rgba(255, 255, 255, 0.5);
    }

    .card.hovercard .card-info {
        position: absolute;
        bottom: 14px;
        left: 0;
        right: 0;
    }

    .card.hovercard .card-info .card-title {
        padding: 0 5px;
        font-size: 20px;
        line-height: 1;
        color: #262626;
        background-color: rgba(255, 255, 255, 0.1);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .card.hovercard .card-info {
        overflow: hidden;
        font-size: 12px;
        line-height: 20px;
        color: #737373;
        text-overflow: ellipsis;
    }

    .card.hovercard .bottom {
        padding: 0 20px;
        margin-bottom: 17px;
    }

    .btn-pref .btn {
        -webkit-border-radius: 0 !important;
    }

    .btn1 {
        padding: 15px;
        font-size: 20px;
    }

    .btn1,
    .btn6 {
        background-color: rgb(153, 153, 153) !important;
        color: gray;
    }

    .btn2,
    .btn7 {
        background-color: rgb(119, 119, 119) !important;
    }

    .btn3,
    .btn8 {
        background-color: rgb(85, 85, 85) !important;
    }

    .btn4 {
        background-color: rgb(51, 51, 51) !important;
    }

    .butonlar {
        padding: 15px;
        color: #fff !important;
        font-size: 18px;
        font-weight: bold;
    }

    .butonlar:hover {
        /*/color: #fff;*/
        font-weight: bold;
    }

    .btn1:hover {
        color: gray;
    }

    .tab-pane:hover .butonlar {
        color: #fff;
    }

    #tab1 {
        margin-bottom: 50px;
    }

    #tab2 {
        margin-bottom: 46px;
    }

    #tab3 {
        margin-bottom: 101px;
    }

    #tab4 {
        margin-bottom: 46px;
    }

    .ordered-tab { 
    background-image: url(/assets/img/menulogo.svg);
    background-size: 180px;
    background-position: bottom right;
    background-repeat: no-repeat;
    }
    .mega-menu-column{ 
    background-image: url(/assets/img/menulogo.svg);
    background-size: 150px;
    background-position: bottom right;
    background-repeat: no-repeat;
    }
    .ordered-tab li {
        list-style: none;
    }

    .ordered-tab ul li a { 
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center; 
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 55px;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between; 
        -webkit-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #ffffff;
        border-bottom: 1px #ffffff21 solid;
        padding: 0 8px;
    }
    .ordered-tab ul li a .text{
        width: 70%;
    }
    .ordered-tab ul li a .date{
        width: 30%;
        font-size: 12px;
        display: flex;
        justify-content: flex-end;
    } 

    #tab2 .ordered-tab li:hover>a {
        background-color: #fff;
        color: #000;
    }

    #tab3 .ordered-tab li:hover>a {
        background-color: #fff;
        color: #000;
    }

    .ordered-tab li:hover>a {
        background-color: var(--mainColor);
        color: #fff;
    }

    .allsea {
        width: 25% !important;
        float: right;
        margin-top: 1px;
        text-align: center;
    }

    .allsea a {
        height: 45px !important;
        font-family: "Poppins", sans-serif;
    }

    .etkinlikli {
        margin-top: 20%;
        height: fit-content;
    }

    .etkinlikli ul li {
        color: gray;
        margin-top: 8px;
        margin-bottom: 20px;
        font-weight: bold;
        padding-left: 13px;
    }

    .etkinlikbuton {
        padding: 10px 20px;
        width: 55% !important;
        background-color: #fff;
        box-shadow: 0px 1px 4px 1px #888888;
        color: #888482;
        font-family: 'Poppins';
        font-weight: 800;
    }

    .etkinlikbuton:hover {
        background-color: var(--mainColor);
        color: #fff;
    }

    .etkinlikli ul li:hover {
        background-color: #bdbdbd;
        color: #fff;
        margin-top: 8px;
        font-weight: bold;
    }

    .imageetkinlik {
        padding: 10px;
        display: flex;
        justify-content: center;
    }

    .etkinliktarih {
        position: absolute;
        background-color: var(--mainColor)db;
        float: right;
        color: #fff;
        padding: 5px 20px;
    }

    /* 
.etkinlikgenel {
    display: none;
} */
    .tab-content>.active {
        display: flex !important;
    }

    /*.ordered-tab .active {
        display: block;
    }*/
    .blog {
        width: 100%;
    }

    .etkinlikgenel h2 {
        color: #323232;
        font-size: 14px;
        font-weight: 700;
        display: flex;
        justify-content: center;
    }

    .btn6 {
        background-color: #efefef;
        color: #626262;
        font-weight: bold;
    }

    .btn7 {
        background-color: #d8d8d8;
        color: #626262;
        font-weight: bold;
    }

    .btn8 {
        background-color: #c2c2c2;
        color: #626262;
        font-weight: bold;
    }

    .btn6:hover {
        /*background-color: #efefef*/
        color: #626262;
        font-weight: bold;
    }

    .btn7:hover {
        /*background-color: #d8d8d8;*/
        color: #626262;
        font-weight: bold;
    }

    .btn8:hover {
        /*background-color: #c2c2c2;*/
        color: #626262;
        font-weight: bold;
    }

    #tab6 {
        /*background-color: #D4D4D4;*/
    }

    .mobilfooterc {
        margin-left: 18%;
        margin-top: 20px;
        padding-top: 30px
    }

    .yazi {
        position: absolute;
        width: 100%;
        height: 20%;
        top: 80%;
        padding: 0 0;
        display: flex;
        margin: 0px;
        background-color: #203260e6;
        align-items: center;
        justify-content: center;
    }

    .yazi h4 {
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 16px; 
        margin-bottom: 0;
    }

    .albumkutuici a {
        position: relative;
    }

    .butonrowlar {
        background-color: #fff;
        padding: 20px;
        text-align: center;
        border: 1px solid rgba(0, 0, 0, 0.15);
        width: 15% !important;
        margin: 0px 10px 10px 0;
    }

    .butoniconlar {
        font-size: 17px;
        font-weight: bold;
        width: 100%;
        text-align: center;
        font-family: "Poppins", sans-serif;
        color: #333333 !important;
    }

    .butoniconlar i {
        font-size: 30px;
    }

    .butonrowlar:hover {
        background-color: var(--mainColor);
    }

    .butonrowlar:hover .butoniconlar {
        color: #fff !important;
    }

    .owl-carousel .owl-dots .owl-dot {
        background-color: var(--mainColor) !important;
        color: #fff;
        min-width: 36px;
    }

    .owl-carousel .owl-dots .owl-dot.active,
    .owl-carousel .owl-dots .owl-dot:hover {
        background-color: var(--mainColor) !important;
        color: #ffff;
    }

    .owl-carousel .owl-dots .owl-dot.active button,
    .owl-carousel .owl-dots .owl-dot:hover button {
        background-color: var(--mainColor) !important;
        color: #ffff;
    }

    @media screen and (min-width: 768px) {
        .carousel-indicators {
            bottom: -33px;
        }
    }

    .prevbuton {
        padding: 3px;
        font-size: 15px;
    }

    .calisma_block {
        height: 225px;
        margin-top: 20px;
    }

    .img_calisma {
        height: 300px;
        width: 100%;
    }

    .yazi h4 {
        text-align: center;
        color: #fff;
        display: flex;
        text-align: center;
        font-weight: bold;
        padding: 5px;
    }

    .iconfooter {
        float: left;
        display: flex;
        margin: 0px 5px;
        color: #333333 !important;
    }

    #footer {
        border-top: 2px solid var(--mainColor) !important;
        background-color: #fff !important;
    }

    .widget>h4 {
        color: #333333;
        font-weight: 1000;
    }

    .widget_nav_menu li a,
    .widget_links li a,
    .widget_meta li a,
    .widget_archive li a,
    .widget_recent_entries li a,
    .widget_categories li a,
    .widget_pages li a,
    .widget_rss li a,
    .widget_recent_comments li a {
        color: #919191;
    }

    #copyrights {
        background-color: #f6f6f6;
        padding: 13px 0px;
    }

    .menuhizli {
        background-color: var(--mainColor) !important;
        color: #fff !important;
        font-weight: bold;
    }

    .proje_sidebar {
        height: 225px;
    }

    .proje-item2 {
        width: 100%;
    }

    body {
        font-family: "Poppins", sans-serif !important;
    }

    @media screen and (max-width: 768px) {
        .mobilarkaicon {
            background-color: orange;
        }

        .send.d-flex {
            align-items: center !important;
        }

        .sayfaicerikdiv {
            padding: 10px !important;
        }

        .swiper-kutular1 {
            padding: 0px !important;
            margin-bottom: 1rem;
        }

        .butonslider {
            margin-right: 0px;
            border-radius: 100%;
        }

        .mobilmargin {
            margin-top: 5px;
        } 
        .mobil_img {
            width: 100% !important;
            height: 250px !important;
        }

        .icon2 {
            margin-top: -43px !important;
        }

        .haberresimi {
            height: 248px !important;
            width: 100%;
        }

        .haber_yazi {
            height: 300px !important;
        }

        .habernumber {
            height: 50px;
            padding: 10px;
        }

        .tabhaber li {
            font-size: 13px !important;
            padding: 5px !important;
            margin-right: 3px !important;
        }

        .haber_bas h1 {
            font-size: 17px !important;
        }

        .haber_bas h2 {
            font-size: 11px !important;
        }

        #blogCarousel iframe {
            height: 250px;
        }

        .proje-item {
            width: fit-content;
            height: 35px;
        }

        .habercol_outer .col-lg-5 {
            margin-top: 50px;
        }

        .btn div {
            font-size: 11px;
        }

        .butonrowlar {
            width: 45% !important;
        }

        .mobile-app h3 {
            font-size: 25px !important;
        }

        .iconfooter i {
            font-size: 28px !important;
        }

        .etkinlikbuton {
            padding: 10px;
            width: 100% !important;
        }

        .menu-mobilde {
            width: 100% !important;
        }

        #baskan_resimleri .image_fade,
        #baskan_resimleri .carousel-inner height: 350px !important;
    }

    #page-title {
        height: 46px;
    }

    .linklerli a img {
        padding: 0.5rem !important;
        height: 6rem !important;
    }


    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content ul ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-2>ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-3>ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-4>ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-5>ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li {
        width: 100% !important;
    }

    #header,
    #header-wrap,
    #logo img {
        background-color: var(--menuColor);
    }
    }

    .slider,
    .slider>div {
        /* Images default to Center Center. Maybe try 'center top'? */
        background-position: center center;
        display: block;
        width: 100%;
        height: calc(100vh + 120px);
        /* If you want fullscreen */
        /* position: relative; */
        background-size: 100% calc(100vh + 120px);
        background-repeat: no-repeat;
        background-color: #000;
        -moz-transition: transform .4s;
        -o-transition: transform .4s;
        -webkit-transition: transform .4s;
        transition: transform .4s;
    }

    .slider>div {
        position: absolute;
    }

    .slider>i {
        color: #5bbd72;
        position: absolute;
        font-size: 60px;
        margin: 20px;
        top: 40%;
        text-shadow: 0 10px 2px #223422;
        transition: .3s;
        width: 30px;
        padding: 10px 13px;
        background: #fff;
        background: rgba(255, 255, 255, .3);
        cursor: pointer;
        line-height: 0;
        box-sizing: content-box;
        border-radius: 3px;
        z-index: 4;
    }

    .slider>i svg {
        margin-top: 3px;
    }

    .slider>.left {
        left: -100px;
        margin-top: 100px;
    }

    .slider>.right {
        right: -100px;
        margin-top: 100px;
    }

    .slider:hover>.left {
        left: 0;
    }

    .slider:hover>.right {
        right: 0;
    }

    .slider>i:hover {
        background: #fff;
        background: rgba(255, 255, 255, .8);
        transform: translateX(-2px);
    }

    .slider>i.right:hover {
        transform: translateX(2px);
    }

    .slider>i.right:active,
    .slider>i.left:active {
        transform: translateY(1px);
    }

    .slider:hover>div {
        /*transform: scale(1.01); */
    }

    .hoverZoomOff:hover>div {
        transform: scale(1);
    }

    .slider>ul {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 4;
        padding: 0;
        margin: 0;
        transform: translateX(-50%);
    }

    .slider>ul>li {
        padding: 0;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        list-style: none;
        float: left;
        margin: 3px 3px 0;
        cursor: pointer;
        border: 2px solid var(--sliderMain);
        -moz-transition: .3s;
        -o-transition: .3s;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .slider>ul>.showli {
        background-color: var(--sliderMain);
        -moz-animation: boing .5s forwards;
        -o-animation: boing .5s forwards;
        -webkit-animation: boing .5s forwards;
        animation: boing .5s forwards;
    }

    .slider>ul>li:hover {
        background-color: var(--sliderMain);
    }

    .hideDots>ul {
        display: none;
    }

    .showArrows>.left {
        left: 0;
    }

    .showArrows>.right {
        right: 0;
    }

    .titleBar {
        z-index: 2;
        display: inline-block;
        background: rgba(0, 0, 0, .5);
        position: absolute;
        width: 100%;
        bottom: 0;
        transform: translateY(100%);
        padding: 20px 30px;
        transition: .3s;
        color: #fff;
    }

    .titleBar * {
        transform: translate(-20px, 30px);
        transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;
        opacity: 0;
    }

    .titleBarTop .titleBar * {
        transform: translate(-20px, -30px);
    }

    .slider:hover .titleBar,
    .slider:hover .titleBar * {
        transform: translate(0);
        opacity: 1;
    }

    .titleBarTop .titleBar {
        top: 0;
        bottom: initial;
        transform: translateY(-100%);
    }

    .slider>div span {
        display: block;
        background: rgba(0, 0, 0, .5);
        position: absolute;
        bottom: 0;
        color: #fff;
        text-align: center;
        padding: 0;
        width: 100%;
    }

    @keyframes boing {
        0% {
            transform: scale(1.2);
        }

        40% {
            transform: scale(.6);
        }

        60% {
            transform: scale(1.2);
        }

        80% {
            transform: scale(.8);
        }

        100% {
            transform: scale(1);
        }
    }

    /* -------------------------------------- */

    #slider2 {
        max-width: 30%;
        margin-right: 20px;
    }

    .row2Wrap {
        display: flex;
    }



    .sticky-bottom {
        box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.2);
        border-top: 0;
        height: 80px;
        background-color: #f1f1f1;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 199;
    }

    .altbaskan {
        background: #2a70b0;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 80px;
        box-sizing: border-box;
        position: relative;
        float: left;
    }

    .altbaskanresmi {
        position: absolute;
        left: 0px;
        bottom: 0;
    }

    .altbaskanbaslik {
        margin-left: 169px;
        height: 40px;
        margin: 5px 0px 5px 30px;
    }

    .altbaskanbaslik h1 {
        font-size: 13px;
        line-height: 20px;
        margin: 0;
        padding: 0;
        opacity: 0.7;
        width: 100%;
        color: #fff;
        padding-left: 30px
    }

    .altbaskanbaslik h2 {
        font-size: 18px;
        line-height: 30px;
        margin: 0;
        padding: 0;
        color: #fff;
        font-weight: 700;
        padding-left: 45px;
    }

    #home-bottom-social ul li a {
        padding: 0 8px;
        height: 60px;
        display: block;
        color: #fff;
        text-decoration: none;
        background-color: transparent;
    }

    #home-bottom-social ul li a i {
        font-size: 22px;
        line-height: 60px;
    }

    .pull-right {
        float: right !important;
    }

    #home-bottom-social ul {
        margin: 10px 0;
        padding: 0 15px;
        /*background:rgba(255, 255, 255, 0.08); */
        list-style: none;
    }

    #home-bottom-social ul li {
        padding: 0;
    }

    .list-inline>li {
        display: inline-block;
    }

    /* 
.stickyTel {
    margin: 10px 21px;
    display: block;
} */

    .btn-light {
        max-width: 270px;
        width: 100%;
        box-sizing: border-box;
        height: 60px;
        line-height: 60px;
        /* background: rgba(255, 255, 255, 0.08); */
        background-color: var(--buttonMain);
        display: inline-block;
        padding-right: 16px;
        font-size: 36px;
        color: #fff;
        overflow: hidden;
        display: block;
        margin-bottom: 12px;
    }

    .btn-light .fa {
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: rgba(0, 0, 0, 0.08);
        display: inline-block;
        padding: 0 16px;
        margin: 0 8px 0 0;
        font-size: 36px;
    }

    .btn-light * {
        opacity: 0.7;
    }

    .donder {
        transition: all 0.3s ease !important;
    }

    .donder:hover {
        transform: rotate(360deg) !important;
        /*background-color: #fff;*/
        color: #00335a;
    }

    .mobile-app-img>a>img:hover {
        opacity: 0.5;
    }

    .mobile-app>a:hover {
        opacity: 0.5;
    }

    .mobile-app>h3:hover {
        opacity: 0.5;
    }

    .mobile-app>a>h3:hover {
        opacity: 0.5;
    }

    .butonbosluk {
        text-align: center;
    }

    .tciconlar {
        width: 14%;
    }

    /* .buton4 {
        width: 25%;
        height: 150px;
        padding-top: 5%;
        padding-bottom: 26px;
        margin-bottom: 4px;
        background-color: #f5f5f58a;
        color: #2b2a29;
        font-size: 15px;
        font-weight: 600;
        border-radius: 1px;
        float: left;
        text-align: center;
        overflow-wrap: break-word;
    }
     */
    .footer-kare-butonlar {
        min-height: 100px !important;
    }

    .buton4:hover {
        /*transition: transform .4s;
        -moz-box-shadow: 0px 1px 3px rgb(100, 100, 100);
        -webkit-box-shadow: 0px 1px 3px rgb(100, 100, 100);
        box-shadow: 0px 1px 3px rgb(100, 100, 100);*/
    }

    .mobilcenter {}

    header.contentFiltersHeadingWrap.row.bgWhite {
        border-bottom: 2px solid var(--titleColor) !important;
    }

    .col-md-2.col-xs-2.baslik,
    .col-md-3.col-xs-3.baslik,
    .col-md-1.col-xs-1.baslik {
        background-color: var(--tabBGColor) !important;
    }

    .etkinlik-icerik-a {
        margin-top: 10px;
    }

    img.aligncenter,
    div.aligncenter img {
        height: 200px;
        width: 250px;
    }

    a.elemenBlock.readMore.text-capitalize {
        color: #333;
    }

    .accountData.col-xs-12.col-sm-6.col-md-6 {
        max-width: 277px;
    }

    .solbuton {
        margin: 0;
    }

    @media only screen and (min-width: 1920px) {}

    @media only screen and (max-width: 1920px) {

        body.stretched #header.full-header .container {
            width: 1170px;
            max-width: none;
            padding: 0 12px;
        }

        #header.full-header #logo {
            margin-left: 0px;
            padding-bottom: 5px;
        }

        .ikonlast {
            width: 15%;
        }

        #tab1 {
            margin-bottom: 0px !important;
        }

        #tab2 {
            margin-bottom: 0px !important;
        }

        #tab3 {
            margin-bottom: 0px !important;
        }

        #tab4 {
            margin-bottom: 0px !important;
        }

        /* .proje-item a {
            margin-top: -8px;
        } */
        .etkinlikli {
            margin-top: 80px;
            height: fit-content;
        }


    }


    @media (min-width: 546px) {}

    @media only screen and (max-width: 1440px) {

        .ikonlast {
            margin: auto;
            width: 14%;
            /*border: 3px solid green;*/
            padding: 10px;
        }

        /* .buton4 {
            width: 24%;
        } */
        .proje-item a {
            font-size: 25px;
            padding: 8px;
            /*border: 1px solid #999;*/
            color: var(--mainColor);
            /*margin-right: 10px;
            /*float: left;*/
            width: 3;
        }

        .solbuton {
            margin-top: -8px;
        }
    }

    /* @media only screen and (max-width: 1366px) {
        .buton4 {
            width: 24%;
            font-size: 14px;
        }
    }
     */
    @media (min-width: 991px) and (max-width: 991px) {
        #header-wrap {
            background-color: #333;
        }

        #primary-menu {
            margin-left: 0px;
            margin-right: 0px;
            width: 100% !important;
        }
    }

    @media (min-width: 546px) and (max-width: 990px) {
        #primary-menu {
            margin-left: 0px;
            margin-right: 0px;
            width: 100% !important;
        }
    }

    @media only screen and (max-width: 1100px) {
        .ikonlast {
            margin: auto;
            width: 100%;
            /*border: 3px solid green;*/
            padding: 10px;
        }

        .dis-link img {
            margin-left: 40%;
        }


        .tciconlar {
            width: 15%;
        }

        .footer-kare-butonlar {
            min-height: 150px !important;
        }

        nav#primary-menu {
            border-top: none !important;
        }

        /*#primary-menu {
            margin-top: 80px;
        }*/
        /* .buton4 {
            width: 22%;
            font-size: 14px;
            margin-right: 10px!important;
        } */
        #baskan .col-md-5 {
            height: 300px;
        }

        .baskan-yazilari {
            min-height: 350px;
        }

        .baskan-header-icerik {
            height: 300px;
        }

        .baskan-main-image {
            position: absolute;
            /* height: 659px; */
            overflow: hidden;
            margin-top: 50px;
        }
    }

    /*@media (min-height: 375px){

    }*/

    @media (max-width: 990px) {
        .uk-tab>*>a {
            font-size: 1.3em;
        }

        .othertab {
            margin-left: -10px;
        }

        #header,
        #header-wrap {
            background-color: var(--menuColor);
        }

        #header .container {
            width: 100%;
            position: relative;
            background-color: var(--menuColor);
        }

        .container {
            max-width: 100%;
        }
    }

    @media (max-width: 768px) {
        .uk-tab {
            margin-left: -1%;
        }

        ol,
        ul {
            padding-left: 0px;
        }
    }

    @media (max-width: 725px) {

        ol,
        ul {
            /* padding-left: 30px; */
        }

        .tableft {
            margin-left: -14px;
        }

        .uk-tab>*>a {
            padding-top: 14px;
            padding-bottom: 14px;
            font-weight: 600;
            /* padding: 15px; */
            text-align: center;
            /* margin-left: -5px; */
            font-size: 3vw;
        }

        .fotogalerimobil {
            float: left;
        }

        .sidemobil {
            float: right;
        }

        .ikonlast img {
            margin-left: 5% !important;
            width: 70% !important;
        }

        .dis-link img {
            margin-left: 0px !important;
        }

        .etkinlikli {
            margin-top: 0px;
            height: fit-content;
        }

        .ikonlast img {
            margin-left: 15%;
            width: 70% !important;
        }

        #tab1 {
            margin-bottom: 60px;
        }

        #tab2 {
            margin-bottom: 60px;
        }

        #tab3 {
            margin-bottom: 60px;
        }

        #tab4 {
            margin-bottom: 150px;
        }

        .tabblade {
            margin-top: 97px !important;
        }

        #header-wrap .container.clearfix {
            background-color: var(--menuColor);
        }

        .solbuton {
            margin-top: 0px;
        }

        .tciconlar {
            width: 24%;
            margin: 10px;
            margin-left: 0px;
            text-align: center;
        }

        .mobilcenter {
            text-align: center;
        }

        #tab2 {
            height: fit-content;
        }

        .ordered-tab ul li a {
            word-wrap: break-word !important;
            height: fit-content;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .habercol {
            max-height: 300px;
        }

        .carousel-inner {
            max-height: inherit;
        }

        .footer-kare-butonlar {
            min-height: 400px !important;
        }

        /* .carousel-item {
            max-height: 900px;
        } */
        .slider-image-holder {
            height: 300px;
        }

        #page-title .clearfix {
            margin-top: -10px;
        }

        .newsPostColumn2 a {
            word-wrap: break-word;
            white-space: normal;
            height: fit-content;
        }

        .entry-image img {
            max-width: 100% !important;
        }

        .table-type-1 {
            overflow-x: auto !important;
        }

        .col-md-2.col-xs-2.baslik,
        .col-md-3.col-xs-3.baslik,
        .col-md-1.col-xs-1.baslik {
            height: 80px;
            min-width: 50px;
        }

        /* .buton4 {
            width: 29%;
            margin-left: 7px;
            font-size: 15px;
            height: 150px;
        } */
        .divhaberyanialt {
            height: 100px !important;
            /*max-width: 100%!important;*/
            text-align: center;
            font-size: 18px;
            border-top: 1px solid white;
            color: #fff !important;
        }

        .butonbosluk {
            text-align: center;
            padding: 0 !important;
        }

        /*.btn-pref.btn-group.btn-group-justified.btn-group-lg {
            margin-top: -97px;
        }*/
        .col-lg-6.col-sm-6.etkinlikli {
            float: left;
        }

        div#boxlink1 {
            float: left;
        }

        li.allsea.etkinlikbuton {
            margin-top: 50px;
            width: 100% !important;
            /* height: 20px!important; */
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            margin-left: -10px;
        }

        .etkinlik-icerik-a {
            margin-top: 0px !important;
        }
    }

    @media screen and (max-width: 545px) {
        .sosyalmedyapadding {
            padding-bottom: 10px !important;
        }

        .imglerfooter {
            width: 50%;
            float: left
        }

        .mobilfooterc {
            margin-left: 0 !important;
            margin-top: 20px;
            padding-top: 30px
        }

        .mobilfooterc2 {
            padding-left: 4%;
        }

        .mobilfooterc3 {
            width: fit-content;
            margin-left: 25%;
        }

        .mobilfooterc4 {
            width: fit-content !important;
        }

        .mobilfooterc5 {
            margin-left: 2%;
        }

        .ikonlast img {
            margin-left: 15% !important;
        }

        .tciconlar {
            width: 45%;
        }

        .tabblade {
            margin-top: 5rem !important;
        }

        li.allsea.etkinlikbuton {
            margin-top: 0px;
        }

        .proje-item a {
            font-size: 25px;
            padding: 8px;
            color: var(--mainColor);
            margin-right: 0px;
            float: left;
            width: 3;
        }

        .dis-link img {
            height: 90px !important;
            width: 70%;
            margin-bottom: 10px;
        }

        /*#primary-menu {
            margin-top: 40px;
        }*/
        .etkinlikli {
            margin-top: 0%;
        }

        .carousel-indicators {
            bottom: -80px !important;
            height: 50px;
        }

        /* .buton4 {
            width: 30%;
            margin-left: 7px;
            font-size: 15px;
            height: 150px;
        } */
        .divhaberyanialt {
            height: 100px !important;
            /*max-width: 100%!important;*/
            text-align: center;
            font-size: 18px;
            border-top: 1px solid white;
            color: #fff !important;
        }

        .butonbosluk {
            text-align: center;
            padding: 0 !important;
        }
    }

    @media screen and (max-width: 510px) {
        #page-title {
            height: auto;
        }

        .buton4 {
            height: 100px !important;
            font-size: 10px !important;
        }
    }

    @media (min-width:768px) and (max-width: 1148px) {
        .buton4 {
            font-size: 10px !important;
        }
    }

    @media (min-width: 376px) and (max-width: 415px) {
        #primary-menu {
            margin-top: 36px;
        }

        .ikonlast img {
            width: 65% !important;
            margin-left: 16% !important;
        }

        .dis-link img {
            height: 100px !important;
            width: 90%;
        }

        .tciconlar {
            width: 42%;
        }

        /* .buton4 {
            width: 28%;
            margin-left: 7px;
            font-size: 15px;
            height: 150px;
        } */
        .divhaberyanialt {
            height: 100px !important;
            /*max-width: 100%!important;*/
            text-align: center;
            font-size: 18px;
            border-top: 1px solid white;
            color: #fff !important;
        }

        .butonbosluk {
            text-align: center;
            padding: 0 !important;
        }
    }

    @media screen and (max-width: 375px) {

        .ikonlast img {
            margin-left: 15% !important;
            width: 65% !important;
        }

        .tciconlar {
            width: 42%;
        }

        .dis-link img {
            width: 80%;
            margin-left: 15%;
        }

        .dis-link img {
            height: 80px !important;
            width: 100%;
        }

        .ikonlast img {
            margin-left: 0px;
        }

        #baskan {
            /*top: 100px;*/
        }

        .carousel-indicators {
            bottom: -60px;
        }

        .etkinlikli {
            margin-top: 0%;
        }

        /* .buton4 {
            width: 28%;
            margin-left: 7px;
            font-size: 12px!important;
            height: 100px;
        } */
        .divhaberyanialt {
            height: 200px;
            /*max-width: 100%!important;*/
            text-align: center;
            font-size: 16px !important;
            border-top: 1px solid white;
            color: #fff !important;
        }

        .butonbosluk {
            text-align: center;
            padding: 0 !important;
        }
    }

    @media screen and (max-width: 320px) {
        .tciconlar {
            width: 40%;
        }

        /* .buton4 {
            width: 28%;
            margin-left: 4px;
            margin-right: 1px;
            font-size: 13px!important;
            height: 120px!important;
        } */
        .divhaberyanialt {
            height: 200px;
            /*max-width: 100%!important;*/
            text-align: center;
            font-size: 16px !important;
            border-top: 1px solid white;
            color: #fff !important;
        }

        .butonbosluk {
            text-align: center;
            padding: 0 !important;
        }
    }

    @media screen and (max-width: 280px) {

        /*  .buton4 {
            width: 27%;
            margin-left: 4px;
            margin-right: 1px;
        } */
        .butonrowlar {
            width: 40% !important;
        }

        .tciconlar {
            width: 40%;
        }

        #tab3 {
            margin-bottom: 150px !important;
        }

        #tab4 {
            margin-bottom: 270px !important;
        }
    }

    .buton4:hover {
        background-color: var(--buttonMain);
        color: #fff;
        transition: color 0.8s, background-color 0.8s, transform 0.8s;
    }

    .buton4 div i:before {
        font-size: 25px;
    }

    .pembemsi {
        background-color: #2d6326 !important;
        color: #fff !important
    }

    .divhaberyanialt {
        height: 90px;
        max-width: 49.75%;
        text-align: center;
        font-size: 18px;
        border-top: 1px solid white;
        color: #fff !important;
    }

    .divhaberyanialt a {
        color: #fff !important;
    }

    .divhaberyanialt a:hover {
        color: rgba(255, 255, 255, 0.705) !important;
    }

    .byz {
        background-color: rgba(205, 212, 218, 0.6);
        /*color: #1b4b62;*/
    }

    .koyumavi {
        background-color: var(--mainColor) !important;
    }

    .contentFiltersHeadingWrap {
        border-bottom-color: 1px solid #fff !important;
    }

    .entry-content a {
        color: var(--titleColor);
    }

    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        background-color: var(--mainColor);
        border-color: var(--mainColor);
    }

    .pagination>li>a,
    .pagination>li>span {
        color: #333333 !important;
    }

    .pagination>li {
        float: left;
    }

    .pagination>li>a:focus,
    .pagination>li>a:hover,
    .pagination>li>span:focus,
    .pagination>li>span:hover {
        color: #000 !important;
    }

    a {
        color: var(--mainColor);
        text-decoration: none;
    }

    a:focus,
    a:hover {
        color: #111;
        text-decoration: underline;
    }

    .altbaskanbg {
        background-color: var(--mainColor) !important;
        justify-content: center;
        align-items: center;
        align-content: center;
        height: 80px;
    }

    .telbtn:hover {
        background-color: #fff !important;
    }

    .yazi:hover {
        color: #fff;
    }

    .yazi:hover,
    .yazi h4:hover {
        text-decoration: underline;
    }

    .butonlaralt .active {
        color: #333;
    }

    .footer-widgets-wrap h4 {
        font-weight: 800;
        font-family: 'Poppins', sans-serif !important;
    }

    .uk-card .uk-card-default .uk-card-body i {
        font-size: 24px;
    }

    .dropdownrenk>a {
        color: #fff;
    }

    .beyaz {
        color: #fff !important;
    }

    .altbaskanbaslik {
        float: right;
        position: relative;
        z-index: 3
    }

    .icsayfalogoicerik {
        margin-right: 3rem;
        width: 25rem;
    }

    .menu-renk {
        background-color: var(--menuColor);
    }

    .habericsayfa2 {
        display: flex;
        width: 50%;
        height: 50%;
        padding: 0 19px 20px 0;
        float: left;
    }

    .haberalticerikkutu {
        min-height: auto !important;
        margin: 2px;
        padding: 3px;
    }

    .proje-item>a {
        color: var(--mainColor) !important;
    }

    .buton4 {
        flex-basis: 25%;
        height: 150px;
        padding-top: 5%;
        padding-bottom: 26px;
        background-color: #f5f5f58a;
        color: #2b2a29;
        font-size: 12px;
        font-weight: 600;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .fotoboyutlar1 {
        height: 30rem;
        display: flex;
        justify-content: center;
    }

    .fotograflarboyut12 {
        height: 150px;
        width: 22%;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .resim-fotolar {
        min-height: unset !important;
        padding: 10px;
    }

    .kutuvideoboyut {
        padding: 15px !important;
    }

    .butonslider {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .butonslider a {
        color: #fff;
    }

    .butonslider a:hover {
        color: #fff !important;
    }

    @media (min-width: 768px) {
        .slider-main-image {
            height: 70vh;
            background-size: cover;
        }
    }
    @media (min-width: 768px) and (max-width:1450px) {
        .slider-main-image {
            height: 90vh;
            background-size: cover;
        }
        .shortcuts.style-1{
            top: 75vh!important;
        }
    }
    .owl-dots {
        display: flex;
    }

    .album-buton-grup {
        width: 100%
    }

    .album-buton-grup .btn-group:not(.btn-pref) {
        width: 34%;
    }

    @media (min-width: 992px) {
        .home-guncel-tabs li {
            width: 25%;
        }

        .home-guncel-tabs li button {
            width: 100%;
            background-color: var(--mainColor) !important;
            color: white;
            font-size: 20px;
            border-radius: 0 !important;
            border: 0 !important
        }

        .home-guncel-tabs li button.active {
            background-color: rgb(45, 99, 38) !important;
            font-weight: 600;
            color: white !important
        }

        #baskan_resimleri .owl-stage {
            padding-top: 0;
        }

        .baskan-galeri-title {
            position: absolute;
            height: unset !important;
        }
        .kucukloho .align-items-xl{
            margin-top: 10px;
        }
    }
    @media(min-width:1200px){
        .sliderustu_butonlar {
            margin-top: -120px !important;
        }
    }
    @media (max-width:1365px) {
        

        .sliderustu_butonlar .mobilarkaicon {
            padding-bottom: 1rem;
        }
    }
    @media(min-width:375px) and (max-width:416px){
        .icsayfa_container #top-search a {
            top: 0;
        }
    }
    @media (max-width: 992px) {
        .sliderustu_butonlar {
            display: none;
        } 
        .icsayfa_container .standard-logo img{
            width: 200px;
        }
        .icsayfa_container #primary-menu ul{
            width: 90%;
            margin: 0 5%!important;
        }
        .galeriguncel-kutu {
            flex-direction: column !important;
        }

        .container.topmargin.clearfix.dis-link {
            display: flex;
        }

        .kucukloho .align-items-xl {
            margin: 0px !important;
        }

        .kucukloho .logo {
            height: 100px;
            align-items: center;
        }

        .mobils-footers {
            flex-wrap: wrap !important;
        }

        .albumkutuici {
            flex-direction: column !important;
        }

        #top-search a i {
            top: 0px !important;
        }

        .loading img {
            max-height: 5rem !important;
        }

        .tab-pane {
            margin-bottom: 0 !important;
        }

        .tabblade .tab-pane .ordered-tab {
            margin-top: 1rem !important;
        }

        .nelerdegisti-resim {
            min-height: 175px !important;
        }

        .nelerdegisti-resim img {
            height: 175px !important;
        }

        #footer .footer-widgets-wrap {
            padding: 25px 10px !important;
        }
  
        .mobilduyuru {
            padding: 20px !important;
        }

        .duyuru-baslik-buton {
            font-size: 15px !important;
        }

        .icsayfa_container{
            height: 100px!important;
        }
        .anasayfa-duyurular {
            padding: 10px 0 !important;
        }
        .iletisim-butons{
            flex-direction: row;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-wrap: wrap;
        }
        .uyeler-resims {
            margin: 0px !important;
            padding: 10px;
            width: 100% !important;
        }
        .footer-uygulama{
            width: 100%;
        }
        .muhtarkutus {
            padding-top: calc(var(--bs-gutter-x) * .5);
        }
    }
    .footer-uygulama{
        display: flex;
    }
    .iletisim-butons{
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .galeri-guncel-butonlar {
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 1;
        position: absolute;
        top: 50%;
    }

    .galeri-guncel-butonlar .carousel-control {
        padding: 0 3rem;
    }

    .galeri-guncel-butonlar .carousel-control i {
        font-size: 18px;
        color: #fff;
    }

    .haberler-yani-butonlar .btn-group {
        margin-left: unset !important;
    }

    .duyurular-kayanyazi {
        margin-top: 10px;
    }

    .anasayfa-baskan-galeri img {
        object-fit: cover;
    }

    .galeriguncel-kutu {
        margin-top: 4rem;
    }

    .duyuru_yan_yazi {
        color: #000 !important;
        font-size: 1rem;
        margin-left: 1rem;
        font-weight: 500;
    }

    .altortayazi {
        margin: unset;
    }

    .habercol_outer {
        height: 550px;
    }

    .habercol_outer .owl-stage {
        padding: 0px !important;
    }

    .uk-card-title {
        font-size: 1rem;
        margin: unset !important;
    }

    .onemlilink-foo {
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }

    .onemlilink-foo li {
        list-style: none !important;
    }

    .new-kutus1 li {
        list-style: none;
        padding: 1rem;
    }

    .new-kutus1 li .col-sm-7 {
        padding: 1rem;
    }

    .li-kapat {
        list-style: none;
    }

    .form-button {
        background-color: var(--mainColor);
    }

    .kutuboyutyonetmelik {
        width: 24%;
        margin-right: 1%;
    }

    @media (max-width:768px) {
        .content-wrap{
            padding: 20px 0!important;
        }
        .ordered-tab ul li a .date{
            width: 40%;
        }
        .ordered-tab ul li a .text {
            width: 60%;
        }
        .kutuboyutyonetmelik {
            width: 100% !important;
            margin-right: 0px !important;
            margin-bottom: 1rem !important;
        }
        .modal-mayor__content {
            padding: 40px 30px!important;
        }
        .modal-mayor__header .title{
            font-size: 30px!important;
        }
        .modal-mayor.is-visible {
            overflow-y: scroll;
        }

        #mainslider .item-image {
            height: 45vh;
        }

        .onemlilink-foo {
            padding: 1rem;
        }

        .bg-white.border-start.d-flex {
            flex-direction: column;
        }

        .swiper-kutular {
            width: 100% !important;
            margin: 0 !important;
            margin-bottom: 1rem !important;
        }

        .page-content__photo {
            display: flex;
            justify-content: center;
        }

        .ordered-tab ul li a
        {
            color: #fff;
            font-weight: 500;
            font-size: 12px;
        } 
        #page-title ol li {
            font-size: 15px !important;
        }

        .mega-menu-column li {
            width: 100% !important;
        }

        .slider-main-image { 
            background-repeat: no-repeat;
            background-position: center;
        }
        #header{
            height: unset!important;
            border:unset;
            background: unset!important;
        }
        #tab1 { 
            height: 350px!important;
        }
        #tab2 { 
            height: 350px!important;
        }
        #tab3 { 
            height: 350px!important;
        }
        #tab4 { 
            height: 350px!important;
        }
        .anasayfa-baskan-galeri{
            height: 300px;
        }
        #baskan_resimleri{
            height: 320px!important;
        }
        .yararlilinklers{
            flex-wrap: wrap;
        }
        .linklerli a img{
            padding: 20px!important;
            width: 6rem!important;
        }
        .mobils-footers{
            display: none!important;
        }
        .slider-image-holder .carousel-caption br{
            display: none;
        }
        #mainslider .item-image.slider-main-image{
            background-size: cover;
        }
        .calismalar-baslik{
            font-size: 1.1rem!important;
        }
        .swiper-buttons1 a{
            margin-left: 3px;
        }
        .iletisim-butonlar-kutu{
            flex-direction: column;
        }
        .small-thumbs .entry.clearfix { 
            flex-direction: column;
        }
    }

    .pager>.active>a,
    .pager>.active>a:focus,
    .pager>.active>a:hover,
    .pager>.active>span,
    .pager>.active>span:focus,
    .pager>.active>span:hover {
        background-color: var(--mainColor);
        border-color: var(--mainColor);
    }

    .pager {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pager>li>a,
    .pager>li>span {
        color: #333333 !important;
        padding: 10px;
        border: 1px solid #bebebe;
    }

    .pager>li {
        float: left;
        list-style: none !important;
    }

    .pager>li>a:focus,
    .pager>li>a:hover,
    .pager>li>span:focus,
    .pager>li>span:hover {
        color: #000 !important;
    }

    .pager>li.active>span {
        color: #fff !important;
    }

    .kategorivideo {
        padding: 1rem;
    }

    .kategorivideo .title {
        font-size: 14px;
        margin-bottom: unset;
        padding: 0.5rem 0;
        font-weight: 700;
    }

    .bilgicubugu { 
        padding: 5px; 
        position: relative;
        list-style: none;
    }

    .iconrenkBG {
        font-size: 1rem;
        padding: 10px;
        color: var(--mainColor);
    }

    .iconrenkBG svg {
        max-width: unset;
        height: 22px;
    }

    .contact-address__info {
        display: flex;
        flex-direction: column;
        word-break: break-all;
    }

    .form--item {
        margin-bottom: 1rem;
    }

    /* baskan modal ac kapat */
    .tab--content.Tab_1.modal-mayor__content {
        display: none;
    }

    .tab--content.Tab_2.modal-mayor__content {
        display: none;
    }

    .tab--content.Tab_3.modal-mayor__content {
        display: none;
    }

    .tab--content.Tab_4.modal-mayor__content {
        display: none;
    }

    .tab--content.Tab_5.modal-mayor__content {
        display: none;
    }

    /* baskan modal ac kapat */

    .tab--content.Tab_1.modal-mayor__content.is-active {
        display: flex;
        flex-direction: column;
    }

    .tab--content.Tab_2.modal-mayor__content.is-active {
        display: flex;
        flex-direction: column;
    }

    .tab--content.Tab_3.modal-mayor__content.is-active {
        display: flex;
        flex-direction: column;
    }

    .tab--content.Tab_4.modal-mayor__content.is-active {
        display: flex;
        flex-direction: column;
    }

    .tab--content.Tab_5.modal-mayor__content.is-active {
        display: flex;
        flex-direction: column;
    }

    /* baskan modal ac kapat */

    .modal-mayor__close {
        border: unset;
    }

    .sticky-header .kucukloho div.d-flex {
        margin-top: 10px !important; 
    }

    .sticky-header .logo {
        max-width: 275px !important;
    }

    .haberbaslik {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.1 !important;
        margin-bottom: 0px !important;
    }

    .habericerik {
        margin: unset;
        line-height: 1.1 !important;
    }

    .kvkk-footer {
        padding: 1rem;
        text-align: center;
    }

    .mmobil-open ul {
        display: block !important;
    }

    .mmobil-open {
        margin-top: 5rem !important;
    }

    .swiper-kutular .yonbutonlari a {
        background: var(--mainColor);
        color: #fff;
        border: unset;
    }

    .swiper-kutular {
        width: 25%;
        padding: 0.5rem;
        margin: 0 0.5rem;
        height: 100%;
        background: #f7f7f7;
    }

    .bg-white.border-start.d-flex {
        height: 410px;
        padding: 0px !important;
        padding-bottom: 30px;
    }


    .duyuru-item span {
        background-color: var(--mainColor) !important;
        color: #fff;
    }

    .duyuru-item .start {
        width: 35px;
        text-align: center;
        color: var(--mainColor);
        font-size: 18px;
    }

    .duyuru-item .baslik {
        font-size: 12px;
        font-weight: 500;
        text-transform: capitalize;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #000;
        transition: all .2s ease-in-out;
    }

    .swiper-slide {
        height: 400px !important;
        overflow-y: auto;
    }

    .twitter-timeline iframe {
        width: 100% !important;
    }

    @media(max-width:1500px) {
        .twitter-alani {
            max-height: 535px;
        }
    }

    @media(min-width:1500px) {
        .swiper-slide a {
            margin-bottom: 25px !important;
        }
    }

    .swiper-slide a {
        width: 100%;
        /* justify-content: space-around!important; */
        margin-bottom: 25px;
    }

    .swiper-slide a .end {
        padding: 0 5px;
    }

    .swiper-slide .detay {
        font-size: 10px;
    }

    @media(max-width:1400px) {
        .full-mega-menu li a {
            font-size: 13px !important;
        }

        .swiper-kutular .yonbutonlari a {
            font-size: 10px;
        }

        .duyuru-item .baslik {
            font-size: 10px;
        }

        .swiper-wrapper .detay {
            font-size: 11px;
        }

        .butonlar {
            font-size: 14px;
        }

        /* .yazi h4{
        margin: unset;
    } */
        .dropdownrenk a {
            font-size: 12px;
        }

        .modal-mayor__content {
            padding: 40px 70px;
        }

    }

    h4.rank {
        margin: unset;
    }

    .sf-with-uld div {
        color: #fff !important;
    }

    .habercol_outer .owl-carousel .owl-dots .owl-dot {
        width: auto;
        min-width: 6.666%;
        padding: 0px;
    }

    .habercol_outer .owl-carousel .owl-dots .owl-dot.active button {
        background-color: #296aaa !important;
    }

    .habercol_outer .owl-carousel .owl-dots .owl-dot button {
        width: 100%;
    }

    .mobil_img.blur-up {
        object-fit: contain;
        background: #000;
    }

    .twitter-alani {
        max-height: 540px;
        height: 100%;
        overflow-y: scroll;
    }

    .calismalar-baslik { 
        font-weight: bold;
        color: var(--mainColor);
        font-size: 2rem;
        margin-bottom: 0;
        padding-left:1rem ;
    }

    .guncel-header {
        background-color: var(--mainColor);
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

    .guncel-header p,
    .guncel-header a {
        margin: 0px !important;
        font-size: 12px;
        color: #fff;
    }

    .guncel-header p:hover,
    .guncel-header a:hover {
        color: #fff;
    }

    .altbaskanbaslik,
    .altunvan,
    .altunvan1,
    .calismalar-baslik {
        font-family: 'Poppins';
    }

    .footer-linklers a img,
    .storefooter {
        height: 25px;
    }

    .iconfooter i {
        font-size: 25px;
        color: var(--mainColor) !important;
    }

    .widget_links li a {
        color: #000 !important;
    }

    .widget.widget_links ul li a,
    .kvkk-footer,
    .yazi h4,
    .haberbaslik {
        font-family: 'Poppins';
    }

    .uk-h1,
    .uk-h2,
    .uk-h3,
    .uk-h4,
    .uk-h5,
    .uk-h6,
    .uk-heading-2xlarge,
    .uk-heading-large,
    .uk-heading-medium,
    .uk-heading-small,
    .uk-heading-xlarge,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Poppins' !important;
    }

    /* @media(min-width:1200px){   
    .arkalogofooter {
        background-size: 100% 96%;
        background-position: center;
        background-image: url(/assets/img/footerlogo.svg);
        background-repeat: no-repeat;
    }
} */
    .yararlilinklers {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .linklerli a img {
        width: 7rem;
        height: 12rem;
        padding: 1rem;
    }

    .slider-button-baskans {
        margin: 0px;
        list-style: none;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-around;
    }

    .slider-button-baskans h3 {
        margin: 0px !important;
        color: #fff;
    }

    .duyuru-baslik-buton {
        margin: unset;
        color: #fff;
        font-family: inherit;
    }

    .haberler-yani-butonlar {
        width: 100%;
    }

    .haberler-yani-butonlar .btn-group {
        width: 50%;
    }

    .tabblade .tab-pane .ordered-tab {
        width: 100%; 
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .duyurutmunugor a{
        color: #fff;
        padding: 10px;
    }

    .tab-pane .ordered-tab ul {
        width: 100%;
    }

    #tab2 {
        background-color: var(--mainColor);
        height: 500px;
    }

    .haberler-yani-butonlar .btn-group:nth-child(1) button {
        background-color:  var(--mainColor)!important;
    }

    #tab1 {
        background-color: #357cc8;
        height: 500px;
    }

    .haberler-yani-butonlar .btn-group:nth-child(2) button {
        background-color: #2d437b!important;
    }

    #tab3 {
        background-color: #2d437b;
        height: 500px;
    }

    .haberler-yani-butonlar .btn-group:nth-child(3) button {
        background-color: #0f273f !important;
    }

    #tab4 {
        background-color: #4f954f;
        height: 500px;
    }

    .haberler-yani-butonlar .btn-group:nth-child(4) button {
        background-color: #4f954f !important;
    }

    .albumler-kuttubuton {
        width: 100%;
    }

    .albumler-kuttubuton .btn-group {
        width: 33.4%;
    }

    .icsayfa-header.sticky-header {
        position: fixed !important;
    }

    .uyeler-resims {
        float: left;
        display: block;
        position: relative;
        height: auto;
        margin: 0 30px 30px;
        width: 25%;
        z-index: 2;
    }

    .popup-close {
        position: absolute;
        top: -15px;
        right: -15px;
        width: 45px;
        height: 45px;
        border-radius: 999px;
        background: #fff;
        font-size: 24px;
        z-index: 12;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .duyurucontainer {
        position: relative;
    }

    .popup-wrapper .cover a {
        height: auto;
        display: table-cell;
        text-align: center;
        -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 30%);
        box-shadow: 0 0 30px rgb(0 0 0 / 30%);
        position: relative;
    }

    .popup-wrapper .cover img {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .popup-wrapper .cover {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .popup-wrapper.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .popup-wrapper {
        width: 100%;
        height: 100%;
        max-width: 55vw;
        max-height: 100%;
        padding: 55px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    .popup.is-visible {
        opacity: 1;
        visibility: visible;
    }

    .popup {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgb(25 25 25 / 80%);
        z-index: 2000;
        display: none;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .popup-close::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .popup-close::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);

    }

    .popup-close::before,
    .popup-close::after {
        content: "";
        position: absolute;
        background: #1553a4;
        height: 2px;
        width: 24px;
    } 

    .sticky-header .logoimg {
        margin-left: 0 !important;
    }
    .contact-address__info{background:#f7f7f7;border-radius:10px;padding-left:25px;padding-right:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100px}
@media (min-width:321px){
.contact-address .icon{margin-right:0;background:var(--mainColor);border-radius:5px;width:40px;height:40px;position:absolute;right:25px;top:-16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:18px;justify-content:center;display:flex}
}
.contact-address .icon{margin-right:0;background:var(--mainColor);border-radius:5px;width:40px;height:40px;position:absolute;right:25px;top:-16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:18px;justify-content:center;display:flex}
.contact-address__info .title{text-transform:uppercase;color:#333;font-size:16px;font-weight:800}
.contact-address__info .text{color:#444;font-size:13px;line-height:1.4;padding:1px 0}
.section-header .title {
    font-weight: 800;
    color: var(--mainColor);
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: -1px;
}
.icsayfa_container {
    justify-content: space-between;
    display: flex;
}
.form-custom.form-common .send input{width:180px}
.form-custom.form-contact .send{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:end;margin-top:0}
.form-custom.form-contact .check-ctrl{margin-top:20px;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.documents-files ul li,.form-custom.form-list ul li{margin-bottom:10px}
.form-custom.form-list .send,.form-custom.form-list .send>input{margin-top:15px}
.form-custom.style-1 ul li input,.form-custom.style-1 ul li textarea{background:#fff;border:2px solid rgba(0,0,0,.07)}
.form-custom.style-1 ul li input:focus,.form-custom.style-1 ul li textarea:focus,.logos-card a:hover{border:2px solid var(--mainColor)}
.form-custom ul li.is-error .current,.form-custom ul li.is-error input,.form-custom ul li.is-error label,.form-custom ul li.is-error textarea{border:2px solid red;background:rgba(255,0,0,.02)}
.form-custom ul li.is-error .current,.form-custom ul li.is-error .icon,.form-custom ul li.is-error input,.form-custom ul li.is-error label,.form-custom ul li.is-error textarea,label.checkbox.is-error .checkbox+.text{color:red}
.form-custom ul li._file .form-error,.hero-search__links{margin-top:10px}
.form-custom ul li .heading{color:var(--mainColor);font-size:12px}
.form-custom ul li .heading strong,.section-header .text strong{font-weight:800}
.form-custom ul li input,.form-custom ul li textarea{width:100%;height:60px;border-radius:13px;padding-left:20px;padding-right:20px;font-family:Poppins,Poppins;color:#000;background:#eff2f7;border:2px solid transparent;font-size:14px;-webkit-transition:.3s;transition:.3s}
.form-custom ul li input{padding-left:60px}
.form-custom ul li textarea{padding-top:20px;height:150px}
.form-custom ul li .icon{padding: 1rem;width:50px;height:60px;position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--mainColor);font-size:16px;z-index:1}
.form-custom .send{display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:10px;padding-right:10px}
.form-custom .send>button{background:var(--mainColor);height:60px;border:2px solid transparent;border-radius:13px;padding-left:30px;padding-right:30px;color:#fff;font-size:14px;letter-spacing:.3px;font-weight:800;font-family:inherit;cursor:pointer;-webkit-transition:.3s;transition:.3s;position:relative;width:100%;max-width:200px}
.form-custom .send>button:hover{background:#666;color:#fff}
.form-custom .custom-select{height:60px;font-size:14px;border-radius:13px}
.form-custom .custom-select:before,.ordered-links.style-1 ul li:not(.more) a:after{right:25px}
.form-custom .custom-select+.form-error{right:60px}
.form-custom .custom-select .current{height:60px;padding-left:60px;padding-right:40px;border-radius:13px;color:rgba(0,0,0,.55);font-weight:400}
.custom-select{background:#fff;border-radius:7px;outline:0;height:50px;-webkit-box-shadow:inset -2px 2px 7px rgba(73,82,91,.1);box-shadow:inset -2px 2px 7px rgba(73,82,91,.1);font-size:13px;line-height:1.3;position:relative;-webkit-transition:.3s;transition:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.common-list__left .photo,.custom-select__list{-webkit-box-shadow:8px 12px 25px rgba(73,82,91,.15)}
.custom-select:before{content:"";position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);-webkit-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out;width:8px;height:8px;border-right:2px solid #999;border-bottom:2px solid #999}
.custom-select .current,.custom-select__list .option{padding-left:17px;height:50px;-webkit-box-align:center}
.app-scroll.is-visible,.custom-select.is-open .custom-select__list{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1)}
.custom-select.is-pointer{pointer-events:none;cursor:no-drop}
.custom-select.is-pointer:before{-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}
.custom-select.is-pointer .current{font-weight:900;color:#49525b;border:2px solid rgba(73,82,91,.4)}
.custom-select .current{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:40px;color:rgba(73,82,91,.6);border:2px solid rgba(73,82,91,.08);border-radius:7px}
.custom-select__list{background:#fff;position:absolute;border-radius:7px;left:-1px;right:-1px;top:0;box-shadow:8px 12px 25px rgba(73,82,91,.15);-webkit-transition:.3s;transition:.3s;opacity:0;-webkit-transform:scale(.8);transform:scale(.8);visibility:hidden;z-index:100;max-height:300px;overflow-y:auto;scrollbar-color:rgba(0,0,0,.08) #fff;scrollbar-width:thin}
.custom-select__list::-webkit-scrollbar-track{background-color:#fff}
.custom-select__list::-webkit-scrollbar{width:6px}
.custom-select__list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}
.custom-select__list .notice{padding-top:20px;padding-bottom:20px;font-size:14px;text-align:center;display:block}
.custom-select__list .option,.form-messages,.popup{display:-webkit-box;display:-ms-flexbox}
.custom-select__list .option{padding-right:17px;color:#49525b;margin-bottom:0!important;font-size:13px;line-height:1.3;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:.3s;transition:.3s}
.popup,.popup-wrapper{visibility:hidden;-webkit-transition:.3s;opacity:0}
.custom-select__list .option.selected,.custom-select__list .option:hover,.pagination li.active a,.pagination li:hover a{background:#49525b;color:#fff}
.custom-select__list .option:first-child,.ordered-list._service-detail>ul>li .ordered-list__sub{display:none}
.form-error{position:absolute;top:50%;right:25px;color:red;font-size:12px;font-weight:600;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.form-messages{display:flex;height:60px;border-radius:10px;padding-left:30px;padding-right:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:700}
.form-messages.success{color:#3c763d;background-color:#dff0d8;border:1px solid #d6e9c6}
.form-messages.error{color:#a94442;background-color:#f2dede;border:1px solid #ebccd1}
/* ana sayfa slider butonları css 09.11.2022 */
.shortcuts-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.shortcuts-item:nth-child(2) .shortcuts-wrapper {
    background-color: #203260d6;
}

.shortcuts-item:nth-child(2) .shortcuts-dropdown {
    background-color: #203260d6;
}

.shortcuts-item:nth-child(2) .shortcuts-dropdown__list li a:before {
    background: #203260d6;
}

.shortcuts-item:nth-child(3) .shortcuts-wrapper {
    background-color: #203260d6;
}

.shortcuts-item:nth-child(3) .shortcuts-dropdown {
    background-color: #203260d6;
}

.shortcuts-item:nth-child(3) .shortcuts-dropdown__list li a:before {
    background: #203260d6;
}

.shortcuts-item:nth-child(4) .shortcuts-wrapper {
    background-color: #203260d6;
}

.shortcuts-item:nth-child(4) .shortcuts-dropdown {
    background-color: #203260d6;
}

.shortcuts-item:nth-child(4) .shortcuts-dropdown__list li a:before {
    background: #203260d6;
}

.shortcuts-item:nth-child(5) .shortcuts-wrapper {
    background-color: #203260d6;
}

.shortcuts-item:nth-child(5) .shortcuts-dropdown {
    background-color: #203260d6;
}

.shortcuts-item:nth-child(5) .shortcuts-dropdown__list li a:before {
    background: #203260d6;
}

.shortcuts-item:hover .shortcuts-wrapper:before {
    width: 100%;
}

.shortcuts-item:hover .shortcuts-dropdown {
    opacity: 1;
    visibility: visible;
}

.shortcuts-item:hover .shortcuts-dropdown__list li a .icon {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.shortcuts-wrapper {
    background-color: #203260d6;
    height: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 19px;
    padding-right: 19px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top:10px
}

.shortcuts-wrapper:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.2);
    height: 4px;
    width: 0;
    -webkit-transition: width .3s;
    transition: width .3s;
}

.shortcuts-wrapper .icon {
    color: #fff;
    font-size: 24px;
}

.shortcuts-wrapper .desc {
    padding-left: 13px;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.shortcuts-wrapper .desc .title {
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: white;
    display: flex;
    padding: 0;
    height: 100%;
    margin: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.shortcuts-wrapper .icon svg{
    width: 25px;
}
.shortcuts-wrapper .desc .text {
    font-size: 13px;
    line-height: 1.3;
}

.shortcuts-dropdown {
    position: absolute;
    right: 10px;
    bottom: 95px;
    left: 10px;
    background: #203260d6;
    padding: 15px;
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

.shortcuts-dropdown .heading {
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -0.5px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.35);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.shortcuts-dropdown__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff;
    font-size: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 9px;
    position: relative;
    z-index: 1;
}
.shortcuts-dropdown.first .shortcuts-dropdown__list li a:before
{
    background: #203260;
}
.shortcuts-dropdown__list li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -15px;
    bottom: -1px;
    right: -15px;
    background: #1c4166e0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

.shortcuts-dropdown__list li a:hover:before {
    opacity: 1;
    visibility: visible;
}

.shortcuts-dropdown__list li a .icon {
    font-size: 13px;
    margin-right: 7px;
    width: 18px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .shortcuts.list-button ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.shortcuts.list-button ul li:nth-child(1) .shortcuts-card {
    background: #65be9f;
}

.shortcuts.list-button ul li:nth-child(1) .shortcuts-card:before {
    background: #65be9f;
}

.shortcuts.list-button ul li:nth-child(2) .shortcuts-card {
    background: #6f8a93;
}

.shortcuts.list-button ul li:nth-child(2) .shortcuts-card:before {
    background: #6f8a93;
}

.shortcuts.list-button ul li:nth-child(3) .shortcuts-card {
    background: #aa9785;
}

.shortcuts.list-button ul li:nth-child(3) .shortcuts-card:before {
    background: #aa9785;
}

.shortcuts.list-button ul li:nth-child(4) .shortcuts-card {
    background: #4badba;
}

.shortcuts.list-button ul li:nth-child(4) .shortcuts-card:before {
    background: #4badba;
}

.shortcuts.list-button ul li:nth-child(5) .shortcuts-card {
    background: #fbb843;
}

.shortcuts.list-button ul li:nth-child(5) .shortcuts-card:before {
    background: #fbb843;
}

.shortcuts.list-button.v1:hover .shortcuts-card {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.shortcuts.list-button.v1 .shortcuts-card {
    border-radius: 15px;
}

.shortcuts.list-button.v1 .shortcuts-card:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
}

.shortcuts.list-button.v1 .shortcuts-card:before {
    display: none;
}

.shortcuts.list-button.v1 .shortcuts-card .more {
    display: none;
}

.shortcuts.list-button.v-light ul li:nth-child(n+3) {
    margin-bottom: 0 !important;
}

.shortcuts.list-button.v-light .shortcuts-card {
    background: #eff2f7 !important;
}

.shortcuts.list-button.v-light .shortcuts-card a>.icon {
    color: #0794aa;
}

.shortcuts.list-button.v-light .shortcuts-card a .title {
    color: #0794aa;
}

.shortcuts.list-button.v-border .shortcuts-card {
    background: none !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.shortcuts.list-button.v-border .shortcuts-card a>.icon {
    color: #fff;
}

.shortcuts.list-button.v-border .shortcuts-card a .title {
    color: #fff;
}

.shortcuts.list-button .shortcuts-card {
    height: 175px;
    background: #b54386;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

.shortcuts.list-button .shortcuts-card:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0 0 10px 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.shortcuts.list-button .shortcuts-card:hover .more {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
}

.shortcuts.list-button .shortcuts-card:before {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -20px;
    left: 0;
    height: 20px;
    background: #b54386;
    border-radius: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
}

.shortcuts.list-button .shortcuts-card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.shortcuts.list-button .shortcuts-card a>.icon {
    font-size: 48px;
}

.shortcuts.list-button .shortcuts-card .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -0.5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
}

.shortcuts.list-button .shortcuts-card .text {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3;
    overflow: hidden;
    max-height: 34px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    display: none;
}

.shortcuts.list-button .shortcuts-card .more {
    position: absolute;
    bottom: -13px;
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 1199px) {
    .shortcuts.list-button .shortcuts-card .more {
        display: none;
    }
}

.shortcuts.list-button .shortcuts-card .more .icon {
    font-size: 24px;
}

@media (max-width: 479px) {
    .shortcuts.list-body>.row>div:not(:last-child) {
        margin-bottom: 10px;
    }
}

.shortcuts.list-body .shortcuts-card a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.shortcuts.list-body .shortcuts-card a:hover .shortcuts-cover img {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
}

.shortcuts.list-body .shortcuts-cover {
    height: 230px;
    overflow: hidden;
}

@media (min-width: 1824px) {
    .shortcuts.list-body .shortcuts-cover {
        height: 280px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .shortcuts.list-body .shortcuts-cover {
        height: 185px;
    }
}

.shortcuts.list-body .shortcuts-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 1s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
}

.shortcuts.list-body .shortcuts-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
    padding: 20px 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#49acb9));
    background: linear-gradient(transparent, #49acb9);
}

.shortcuts.list-body .shortcuts-body .title {
    line-height: 1.15;
    color: #fff;
    font-family: "Cerebri Sans Heavy", sans-serif;
    font-size: 24px;
    letter-spacing: -0.5px;
}

@media (min-width: 1824px) {
    .shortcuts.list-body .shortcuts-body .title {
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .shortcuts.list-body .shortcuts-body .title {
        font-size: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .shortcuts.list-body .shortcuts-body .title {
        font-size: 20px;
    }
}

.shortcuts.list-body .shortcuts-body .title span {
    font-family: "Montserrat", sans-serif;
    font-weight: 200;
}

.shortcuts.list-body .shortcuts-body .icon {
    position: absolute;
    left: 17px;
    bottom: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    padding-left: 3px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .shortcuts.list-body .shortcuts-body .icon {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .shortcuts.list-body .shortcuts-body .icon {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts.list-body .shortcuts-body .icon {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .shortcuts.list-body .shortcuts-body .icon {
        display: none;
    }
}

.shortcuts.list-body .shortcuts-body.color-1 {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fbb843));
    background: linear-gradient(transparent, #fbb843);
}

.shortcuts.style-1 {
    position: absolute;
    right: 0;
    top: 58vh;
    left: 0;
    z-index: 6;
}

@media (min-width: 1200px) {
    .shortcuts .container {
        max-width: 1175px;
        min-width: unset !important;
    }
}

.e-belediye-dropdownlist .shortcuts-dropdown__list {
    display: flex !important;
    flex-wrap: wrap;
}

.e-belediye-dropdownlist .shortcuts-dropdown__list li {
    display: flex !important;
    overflow: hidden;
    padding: 5px;
    flex: 25%;
}
.shortcuts .row{
    justify-content: center;
}
.overlayIcerikler.overlayLeft{
    bottom:0!important;
    flex-direction: row;
    align-items: flex-end;
    margin-top: 0!important;
}

.overlayIcerikler.overlayLeft img:nth-child(1){
    max-width: 260px;
}
.overlayIcerikler.overlayLeft img:nth-child(2){
    max-height: 40px;
    margin-bottom: 3rem;
}
@media (max-width:1440px){
    .overlayIcerikler{
        bottom:135px!important;
    }
    
    .governor-area,#sectionbaskan .fast-menu{
        height:500px!important;
    }
    .shortcuts .row{
        justify-content: flex-end;
    }
    .shortcuts .container {
        max-width: 1280px;
        min-width: unset !important;
    }
    .shortcuts-wrapper {
        background-color: #203260d6;
        height: 90px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
        border-radius: 15px;
        overflow: hidden;
        flex-direction: column;
        align-items: center;
        justify-content: center; 
        width: fit-content;
        padding: 10px 20px 0 20px;
        margin: 0;
        width: 145px;
    }
    .shortcuts-wrapper .desc{
        padding-left: 0px!important;
    }
    .shortcuts-item a {
        display: flex;
        width: fit-content;
        margin: 0;
        /* min-width: 132px; */
    }
    .shortcuts-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16%;
        flex: 0 0 16%;
        max-width: fit-content;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        width: fit-content;
    }
}
@media (max-width:992px){
    .shortcuts.style-1{display:none}
}
.swiper-buttons1, ul.sosyal_medyalar {
    display: flex;
    align-items: center;
}
.swiper-buttons1 a {
    width: 55px;
    height: 35px;
    background: var(--mainColor) !important;
    border: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px !important;
}
.kutu-ortala-swipper1{
    display: flex;
    justify-content: flex-start;
    align-items: center; 
}
.kutu-ortala-swipper2{
    display: flex;
    justify-content: flex-end;
    align-items: center;
} 
.swiper-buttons1{
    padding-right: 1rem;
} 
.proje_alani{
    margin-top: 4rem;
}
.gallery-body__footer h3{
    color: #fff!important;
}
.altbaskanresmiboyut{
    width: 200px;
} 
.baskan_imza_overlay {
    position: absolute; 
    bottom: 3rem;
    right: 0rem; 
}
th.vefateden-tablo {
    background-color: var(--mainColor);
    color: #fff;
}
.haber_devam_button{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.duyuru-kutus{
    margin-bottom:1rem ;
}
@media (max-width:375px){
    .icsayfa_container #top-search a{ 
        top: 15px;
    }
}